{{ define "main" }}
<style>
  table,
  table tr th,
  table tr td {
    border: 1px solid #eee;
  }

  table {
    text-align: center;
    border-collapse: collapse;
    margin: 0 auto;
  }

  .content {
    margin: 20px auto;
    max-width: 1200px;
    background: #fff;
    padding: 20px;
  }

  h3 {
    text-align: center;
  }

  thead tr th {
    line-height: 40px;
  }

  a {
    text-decoration: none;
    color: #0594cb;
  }
</style>
{{ range (.Pages.GroupByParam "year").Reverse }}
<div style="background: #f5f5f5">
  <div class="content">
    每个单周周三21:00，Jenkins 中文社区举办线上技术交流活动，参与的 zoom 会议 ID 为：691718976。<br />
    <a href="https://www.zoomus.cn/webclient/join" target="_blank">点击此处</a>通过 Web 客户端接入，
    或者自行下载<a href="https://zoom.us/j/691718976" target="_blank">桌面客户端</a>。
    <h3>{{.Key}}年度计划安排</h3>
    <table width="1000px">
      <thead>
        <tr>
          <th>时间</th>
          <th>主题</th>
          <th>城市</th>
          <th>位置</th>
          <th>状态</th>
          <th>赞助</th>
        </tr>
      </thead>
      <tbody>
        <!-- should use hostDate instead of order, but cannot get the right order by hostDate -->
        {{ range (sort .Pages ".Params.hostdate" "desc") }}
        <tr>
          <td>{{ with .Params.hostDate }}{{ . }}{{ else }}待定{{ end }}</td>
          <td>{{ with .Params.topic }}{{ . }}{{ else }}待定{{ end }}</br></td>
          <td>{{ .Params.city }}</td>
          <td>
            {{ if ne .Params.location "" }}
            {{ if ne .Params.map "" }}<a target="_blank"
              href="{{.Params.map}}">{{.Params.location}}</a>{{else}}{{.Params.location}}{{ end }}
            {{else}}待定{{end}}
          </td>
          <td>
            {{ $link := .RelPermalink }}
            {{with .Params.status}}<a href="{{ $link }}">{{.}}</a>{{else}}敬请期待{{end}}
          </td>
          <td>
            {{with .Params.sponsors}}
            {{ range . }}
            <div><img width="120px;" src="/images/sponsors/{{.}}.png"></div>
            {{ end }}
            {{else}}
            <a href="mailto:admin@jenkins-zh.cn?subject=活动-{{.Params.topic}}-赞助"
              class="f6 ph3 pv1 br2 dib  tc ttu mv3 bg-primary-color white hover-bg-green link" target="_blank">
              立即申请
            </a>
            {{end}}
          </td>
        </tr>
        {{ end }}
      </tbody>
    </table>
  </div>
</div>
{{end}}

<span>
  想在自己 Mac 的 Calendar APP 上订阅 Jenkins 活动日历的小伙伴注意啦！首先得有自己的 Google 账号(梯子自备)，然后点击下方右下角 `+ Google Calendar`，将此日历添加到自己的 Google Calendar 中，然后在自己 Calendar APP 中添加自己的 Google 账号，将账号中同步的日历选中，就可以方便地看到 Jenkins 活动日历了
<iframe src="https://calendar.google.com/calendar/embed?height=600&amp;wkst=1&amp;bgcolor=%23ffffff&amp;ctz=Asia%2FShanghai&amp;src=cDlrZmZoaXI2bG5ydXQ1YXA1Y2k2cTAzaWNAZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ&amp;src=NHNzMTJmMG1xcjN0YnAxdDJmZTM2OXNsZjRAZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ&amp;src=emgtY24uY2hpbmEjaG9saWRheUBncm91cC52LmNhbGVuZGFyLmdvb2dsZS5jb20&amp;color=%236633CC&amp;color=%238A2D38&amp;color=%231F753C&amp;hl=zh_CN"
  style="border-width:0" width="100%" height="600" frameborder="0" scrolling="no"></iframe>
</span>
{{end}}

